<template>
  <el-dialog
    title="处方预览"
    :visible.sync="dialogVisible"
    width="62.5%"
    :before-close="handleClose"
  >
    <div class="f-row ai-c">
      <div class="title mr-1">{{detailData?.name}}</div>
      <div class="num">{{detailData?.id}}</div>
    </div>
    <div class="markdown-body" v-html="detailData?.expertAdvice"></div>
  </el-dialog>
</template>

<script>
import Bus from "@/utils/bus";
export default {
  props: {
    dialogVisible: Boolean,
  },
  data() {
    return {
      Article:'',
      detailData:null
    };
  },
  created(){
    Bus.$on('showDetail',val=>{
      this.detailData=val
    })
  },
  methods: {
    handleClose() {
      Bus.$emit("closeDialog");
    },
  },
};
</script>
<style lang="less" scoped>
.title {
  font-size: 1.25rem;
  color: #333333;
  line-height: 2.5rem;
}
.num {
  font-size: 0.875rem;
  line-height: 2.5rem;
  color: #999999;
}
</style>